<!DOCTYPE html>
<style>
table { border-collapse: collapse; }
tr { break-inside: avoid; }
td {
    background-color: #ddd;
    border: 1px solid black;
}
</style>
<p>crbug.com/99124: Table rows shouldn't straddle page boundaries.</p>
<div style="columns:3; column-gap: 0; width:30em; height:12em; line-height: 20px;">
<table>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
    <tr><td>Te</td><td>xt</td></tr>
</table>
</div>

